<%= render 'merchants/common/pagenav' %>
<div id="pageWrapper" class="merchant">
    <div id="pageBody">
        <h1>All your cards</h1>
        <div class="hr">
        </div>
        <div class="overflow">
            <div class="pageCol1">
                <div class="cardsList">
                    <table cellpadding="0" cellspacing="0">
                        <tbody>
                            <% @products.each do |product| %>
                            <tr>
                                <td class="thumbnail">
                                    <img src="<%= product.image_url %>"/>
                                </td>
                                <td>
                                    <a href="#" class="fnt14 block"><%= product.product_name %></a>
                                    <p>
                                        <%= product.product_description %>
                                    </p>
                                    <p>
                                        Price: <%= product.price %> | Discount: <%= product.discount %>
                                    </p>
                                </td>
                                <td class="rightAlign">
                                    <a href="#" class="btn">View details</a>
                                </td>
                            </tr>
                            <% end %>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="pageCol2">
                <div class="infoMessage tipBox">
                    We can show some tips here.
                </div>
            </div>
        </div>
    </div>
</div>
